<template>
  <div id="app">
    <Header></Header>
    <SubNav v-if="fullPath!=='/Friend'&&fullPath!=='/MyMusic'&&!fullPath.startsWith('/UserDetail')&&
    !fullPath.startsWith('/Private')&&!fullPath.startsWith('/Level')&&!fullPath.startsWith('/Member')&&!fullPath.startsWith('/Update')"></SubNav>
    <Nav v-else></Nav>
    <router-view :key="$route.fullPath+new Date()" />
    <Music></Music>
    <GoTop></GoTop>
    <Footer></Footer>
  </div>
</template>
<script>
import GoTop from "@/components/GoTop";
import Header from "@/components/Header";
import SubNav from "@/components/SubNav";
import Footer from "@/components/Footer";
import Nav from "@/components/Nav";
import Music from "@/components/Music";
export default {
  name: 'App',
  components:{GoTop,Header,SubNav,Footer,Nav,Music},
  data() {
    return {
      fullPath: '',
      value1:0
    }
  },
  computed: {
    path() {
      return this.$route.path
    }
  },
  created() {
    this.fullPath = this.$route.path
  },
  watch: {
    path(newVal) {
      this.fullPath = newVal
    }
  }
}
</script>
<style lang="less">
@--swiper-theme-color: #3a4b5d!important;
.ssss{
  z-index: 9999;
  margin-top: -15px;
}
.el-slider__bar{
  background-color: #C70C0C;
}
.el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover {
  cursor: pointer;
}
.el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
  transform: scale(1);
}
.el-slider__button.hover, .el-slider__button:hover {
  cursor: pointer;
}
.el-slider__button{
  width: 6px;
  height: 6px;
  border: 5px solid #fff;
  background-color: #C70C0C;
}
.el-slider__runway {
  width: 100%;
  height: 8px;
  margin: 15px 0;
  background-color: #171414;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.f-thlde {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.defaluts{
  pointer-events: none;
  user-select: none;
}
.n-iconpoint:hover .tipss{
  display: block!important;
}
.icon20{
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.X237LSaf {
  i {
    background: url(./assets/obj_wo4.png) -50px -270px no-repeat !important;
  }
}
.u-bub{

  b {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background: url(./assets/bub.png) no-repeat;
  }

}
._2ja9-0tH {
  color: #333;
  margin-top: 5px;

  i {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    background: url(./assets/yes.png) no-repeat;
    text-decoration: none;
  }

  span {

  }
}
.less,.more{
  p{
    b{
      color: #0c73c2!important;
      font-weight: normal;
    }
  }
}
</style>
